<template>
  <video-player
    class="video-player vjs-custom-skin"
    ref="videoPlayer"
    :options="playerOptions"
    :playsinline="true">
  </video-player>
</template>

<script>
// 需要添加的配置
// videojs -- videoPlayer 核心
// import videojs from 'video.js'
import { videoPlayer } from 'vue-video-player'
export default {
  name: 'PlayVideo',
  components: {
    videoPlayer
  },
  data () {
    return {
      playerOptions: {
        // videojs options
        muted: true,
        language: 'en',
        playbackRates: [0.7, 1.0, 1.5, 2.0],
        sources: [{
          type: 'video/mp4',
          src: 'https://1908aoss.oss-cn-qingdao.aliyuncs.com/video/0/0/008bd8c6-abbc-4fa2-9692-1bf64f685273/008bd8c6-abbc-4fa2-9692-1bf64f685273..mp4'
        }]
       // poster: '/static/images/author.jpg'
      }
    }
  }

}
</script>

<style scoped>

</style>
